/**  INICIO.CSS
**/

/*ESTILOS GENERALES*/
*{
  margin: 0;
  padding: 0;
  font-family: "Nunito", serif;
  font-weight: 300;
  font-style: normal;
}

section{
  display: flex;
  background-image: url(./imagen/papelviejo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

h1{
  font-size: 3.5rem;
  text-shadow: 8px 8px 10px rgb(165, 149, 149);
  /*text-align: center;
  padding-bottom: 40px;*/

}

h2{
  /*padding-top: 10px;
  padding-bottom: 20px;*/
  text-shadow: 10px 10px 10px rgb(165, 149, 149);
  text-align: center;

}

/*SECCION HERO*/
.row{
  display: flex;
  justify-content: center;
  align-items:center;
}

.btn-turnos{
  border: 1px solid #16B79A;
  border-radius: 30px;
  background-color: #16B79A;
  color:white ;
  font-size: x-large;
  padding: 12px;
  text-decoration: none;
  margin-bottom: 10px;
}

.btn-turnos:hover{
  background-color:#36c7ad ;
  border-radius: #669e94;
  color:white;
}

/*SECCION PRESTADORES*/

.prestadores{
  background-image: url(./imagen/dra+paciente2.jpg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  filter: grayscale(65%);
}

/*caja prestadores*/
.caja-prestadores{
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
}

/*texto prestadores*/
.huno-prest{
  font-size: 3.5rem;
  color: azure;
  text-shadow: 8px 5px 10px rgb(19, 18, 18);
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
}

.hdos-prest{
  color: whitesmoke;
  padding-top: 20px;
  padding-bottom: 20px;
  text-shadow: 10px 5px 10px rgb(56, 54, 54);
  text-align: center;
}

/*Acordion*/
.accordion-top {
  display: flex;
  flex-direction: column;
}

.flex-container{
  margin-left: 17%;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}

.container-accordion{
  margin-bottom: 10px;
  background-color: #16B79A;
  /*opacity: 0.7;*/
  border-radius: 18px;
  font-size: 20px;
  gap: 20px;
  margin: 10px;
}

.accordion-item {
  display: flex;
  flex-direction: column;
}

/*btn acordion*/
.accordion-button{
  color:whitesmoke;
  font-size: smaller;
  text-shadow: 10px 5px 10px rgb(56, 54, 54);/*La sombra se desplaza 10 píxeles hacia la derecha , 5 píxeles hacia abajo.El radio de desenfoque es de 10 píxeles, lo que crea una sombra bastante difusa.*/
  max-width: 100%;/* El botón ocupará como máximo el 100% del ancho disponible */
  width: 100%; /* Ocupa todo el ancho disponible */
  padding: 10px;
}

.accordion-button:hover{
  color: rgb(76, 74, 74);
}


.accordion-a{
  color: black;
  text-decoration: none;
}

.accordion-a:hover{
  color: rgb(87, 80, 80);
}

.accordion-item {
  display: flex;
  flex-direction: column;
}


/*icono acordion*/
.icono-salud{
  width: 35px;
  margin-left:12px ;
  margin-top: 10px;
  margin-right:12px ;
}